
/* 多行出现省略号 */
.multi-ellipsis(@num: 2) {

    overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: @num;
	-webkit-box-orient: vertical;
}
/* 不同分辨率下适配不同的图片*/
.bg-image(@url) {
	background-image:url('@{url}@2x.png');
	@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
	 	background-image:url('@{url}@3x.png');
	}
}
/* 一 像素的问题*/
.border-1px(@color){
  position: relative;
  &:after{
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid @color;
    content: '';
  }
}